<template>
    <div>
        <pre v-note>
        vue模块项目的打包(静态资源编译)
            + 在项目根目录下运行 npm run build  （会自动清空对应的目录）
            + 项目打包完成时，会默认在项目目录下生成 dist 目录，并存放打包后的静态资源
                - 直接拷贝的 public文件下 除index.html的其它资源，index.html会参与打包编译(代码压缩和资源注入)
                - src 中被加载的静态资源(图片、视频……)，并将由main.js 引导的文件分别打包成独立JS文件和独立css文件
                - 参与打包的所有静态资源都会被自动完成 hashcode 编码的定义，每次打包发生变化的带或文件hashcode发生变化

            + 打包时的文件存储目录可以在 vue.config.js 通过调整 outputDir 取值，修改存放目录

            + 项目打包时需要根据部署目录，调整 vue.config.js 中 publicPath 的取值
        </pre>
    </div>
</template>